<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Comunidad Campesina</title>
<link rel="styleSheet" href="estilos/general.css" type="text/css">
<script type="text/javascript" src="javascript/jquery/jquery-1.4.2.min.js"></script>
<script language="javascript">
    $(document).ready(function() {
        $("#btnEntrar").click(function () {
        	validarUsuario();
        });
        $("#lnkEntrar").click(function () {
        	accesoCiudadania();
        });
    });
    function validarUsuario() {
        //$("#txtUsuario").val("interno");
        //$("#frm").submit();
        window.location = "main.jsp";
    }
    function accesoCiudadania() {
    	//$("#txtUsuario").val("externo");
    	//$("#frm").submit();
        window.location = "main.jsp";
    }
</script>
<style>
  .titulo {font-size: 24px; font-weight: bold; color: white; vertical-align: middle;}
  .login  {vertical-align: middle;}
  .login table {color: white;}
</style>
</head>
<body style="padding: 0; margin: 0">
<div style="float:inherit;width:100%;height:15%; text-align: center; background-color: black">
  <table style="width:100%; height: 100%; color: white;">
    <tr>
      <td align="left"  class="titulo">Comunidades Campesinas</td>
      <td align="right" class="login">
        <table>
          <tr><td>Usuario </td><td>Contrase&ntilde;a</td><td>&nbsp;</td></tr>
          <tr><td><input id="txtUsuario" name="txtUsuario"/></td><td><input id="txtContrasena" name="txtContrasena"/></td><td><button id="btnEntrar">Entrar</button></td></tr>
          <tr><td colspan="3" align="right"><br><a id="lnkEntrar">Acceso a la ciudadan&iacute;a</a></td></tr>
        </table>
      </td>
    </tr>
  </table>
</div>
<div style="float:inherit;width:100%;height:80%"><img src="imagenes/portada.png" style="width: 100%; height: 100%"/></div>
<div style="float:inherit;width:100%;height:5%"></div>
<div></div>
</body>
</html>